/*
 Basic Html Elements
================================================== */
*
{
	margin: 0;
	padding: 0;
}

body
{
	background-color: #03225b;
	background-image: url(Images/body-background.jpg);
	background-repeat:repeat-x;
	background-position: center top;
}

h1
{
	font-family: Verdana, Sans-Serif;
	font-size: 22px;
}

h2
{
	margin: 5px 0 5px 0;
	font-family: Verdana, Sans-Serif;
	font-size: 18px;
}

p
{
    margin: 5px 0;
}

div, p, td, li
{
	font-family: Verdana, Sans-Serif;
	font-size: 11px;
}

a:link,
a:active,
a:visited
{
	color: #406080;
	text-decoration: none;
}

a:hover
{
	color:#0005d0;	
}

a img
{
    border: none;
}

ul
{
    margin: 0 0 0 20px;
}

th
{
	font-size: 12px;
	text-align: left;
}

/*
 Board Layout
================================================== */
#board-page
{
	width: 920px;
	margin: 0 auto;
	background-color: #ffffff;
}

#board-header
{
	width: 910px;
	height: 50px;
	padding: 5px;
}

#board-header h1
{
	background-image:url("./Images/board-logo.gif");
	background-repeat: no-repeat;
	background-position: left top;
	width:150px;
	height:40px;
}

#board-header h1 span
{
	display: none;	
}

#board-menu
{
	height: 18px;
	width: 910px;
	background-color: #0641ae;
	background-position: left top;
	padding: 7px 5px 5px 5px;
}

#board-sub-menu
{
	height: 18px;
	width: 910px;
	background-color: #bfd5fd;
	padding: 7px 5px 5px 5px;
}

#board-sub-menu a:link,
#board-sub-menu a:active,
#board-sub-menu a:visited
{
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	padding-right: 4px;
}

#board-sub-menu a:hover
{
	color: #abbed2;
}

#board-menu a:link,
#board-menu a:active,
#board-menu a:visited
{
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	padding-right: 4px;
}

#board-menu ul,
#board-sub-menu ul
{
    margin: 0;
    padding: 0;
    list-style: none;
}

#board-menu li,
#board-sub-menu li
{
    display: inline;
    margin: 0 5px;
}

#board-menu a:hover
{
	color: #abbed2;
}
#board-content
{
	width: 900px;
	padding: 10px;
	border-style: solid;
	border-width: 0 0 1px 0;
	border-color: #DEDEDE;
}

#board-footer
{
	width: 900px;
	background-color: #03225b;
	padding: 5px 10px 5px 10px;
	color: #a2afc6;
}

/*
 Messages
================================================== */
#messages
{
	border-style: solid;
	border-width: 1px;
	border-color: #ADADAD;
}

#messages .critical
{
	background-color: #FFCCCC;
	padding: 5px;
}

#messages .information
{
	background-color: #CCCCFF;
	padding: 5px;
}

#messages .permission
{
	background-color: #FFEECC;
	padding: 5px;
}

#messages .success
{
	background-color: #CCFFCC;
	padding: 5px;
}

/*
 List Table
================================================== */
.list-table
{
	width: 900px;
	
	border-style: solid;
	border-width: 1px;
	border-color: #DEDEDE;
	border-collapse: collapse;
}

	.list-table th
	{
		height: 18px;
		padding: 3px 2px 3px 4px;
		background-color: #0641ae;
		color: #ffffff;
		font-size: 11px;
		border-style: solid;
		border-width: 0 0 1px 0;
		border-color: #bfd5fd;
	}
	
	.list-table .category-header
	{
		height: 22px;
		padding: 5px 5px 4px 5px;
		background-color: #bfd5fd;
		background-position: left top;
		border-style: solid;
		border-width: 0 0 2px 0;
		border-color: #bfd5fd;

		font-weight: bold;
		font-size: 12px;
		color: #000000;
	}
	
	.list-table .default-column
	{
		padding: 5px;
		background-color: #FFFFFF;
		border-style: solid;
		border-width: 0 0 1px 0;
		border-color: #bfd5fd;
	}
	
	.list-table .alternate-column
	{
		padding: 5px;
		background-color: #ffffff;
		border-style: solid;
		border-width: 0 0 1px 0;
		border-color: #bfd5fd;
	}
	
	.list-table .forum-title-width
	{
		width: 600px;
	}

	.list-table .topic-title-width
	{
		width: 550px;
	}

	.list-table .author-width
	{
		width: 120px;	
	}

	.list-table .topic-count-width
	{
		width: 70px;
	}

	.list-table .post-count-width
	{
		width: 70px;
	}

	.list-table .last-post-width
	{
		width: 160px;
	}

/*
 Detail Table
================================================== */
.detail-table
{
	width: 900px;
	border-style: solid;
	border-width: 1px;
	border-color: #a1b3d5;
	border-collapse: collapse;
}

	.detail-table th
	{
		height: 18px;
		padding: 3px 2px 3px 4px;
		background-color: #0641ae;
		color: #ffffff;
		border-style: solid;
		border-width: 0 0 1px 0;
		border-color: #bfd5fd;
	}

	.detail-table .category-header
	{
		height: 22px;
		padding: 6px 5px 4px 5px;
		background-color: #EFEFEF;
		background-position: left top;
		border-style: solid;
		border-width: 0 0 2px 0;
		border-color: #bfd5fd;

		font-weight: bold;
		font-size: 14px;
	}
	
	.detail-table .default-column
	{
		width: 200px;
		padding: 4px 5px 4px 5px;
		background-color: #FFFFFF;
		border-style: solid;
		border-width: 0 0 1px 0;
		border-color: #bfd5fd;
	}
	
	.detail-table .alternate-column
	{
		padding: 4px 5px 4px 5px;
		background-color: #EFEFEF;
		border-style: solid;
		border-width: 0 0 1px 0;
		border-color: #bfd5fd;
	}

	.detail-table .options-column
	{
		padding: 5px 5px 5px 8px;
		background-color: #F8F8F8;
		height: 30px;
		text-align:left;
	}

	.detail-table .avatar-column
	{
		padding: 5px;	
	}
	
	.detail-table .first-column-width
	{
		width: 250px;	
	}

/*
 Single Table
================================================== */
.single-table
{
	width: 900px;
	border-style: solid;
	border-width: 1px;
	border-color: #bfd5fd;
	border-collapse: collapse;
}

	.single-table th
	{
		height: 18px;
		padding: 3px 2px 3px 4px;
		background-color: #0641ae;
		color: #ffffff;
		border-style: solid;
		border-width: 0 0 1px 0;
		border-color: #DEDEDE;
		text-align:center;
	}

	.single-table td
	{
		padding: 12px 5px 12px 5px;
		background-color: #FFFFFF;
		border-style: solid;
		border-width: 0 0 1px 0;
		border-color: #DEDEDE;
		text-align:center;
	}

/*
 Top & Bottom Container
================================================== */
#container-top
{
	height: 55px;
	padding: 5px 0;
}

#container-bottom
{
	height: 55px;
	padding: 5px 0;
}

#container-top .top, 
#container-bottom .top
{
	height: 30px;
}

#container-top .bottom, 
#container-bottom .bottom
{
	height: 25px;
	
}

#container-top .header, 
#container-bottom .header
{
	float:left;
	text-align: left;
	height: 25px;
}

#container-top .navigation, 
#container-bottom .navigation
{
	float: right;
	height: 25px;
	text-align: right;
}

#container-top .path
{
	float: left;
}

#container-top .path ul,
#container-bottom .path ul
{
	list-style: none;
	margin: 0;
	padding: 5px 0;
}

#container-top .path ul li,
#container-bottom .path ul li
{
	display: inline;
}

#container-top .path ul li *,
#container-bottom .path ul li *
{
	vertical-align: middle;
}

/*
 Extended Option Container
================================================== */
#extended-option-container
{
	display: none;
	width: auto;
	height: 55px;
	padding: 10px;
	background-color: #F4F4F4;
	border-style: solid;
	border-width: 1px 1px 0 1px;
	border-color: #DEDEDE;
}

/*
 Quick Reply Container
================================================== */
#quick-reply-container
{
	display: none;
	width: auto;
	height: 125px;
	padding: 10px;
	background-color: #F4F4F4;
	border-style: solid;
	border-width: 1px;
	border-color: #DEDEDE;
}

/*
 Emoticon Picker
================================================== */
#emoticon-container
{
	width:180px;
	height:155px;
	text-align:center;
	margin-top:30px;
}

.emoticon-item
{
	float:left;
	width:39px;
	height:25px;
	overflow:hidden;
	text-align:center;
	padding:3px;
	cursor:pointer;
}

#emoticon-options
{
	width: 180px;
	text-align:center;
}

	#emoticon-options #previous-emoticons
	{
		width: 20px;
		float: left;
		margin-left:20px;
		text-align: center;
		cursor: pointer;
		background-color: #EFEFEF;
		border: 1px solid #DEDEDE;
		padding: 2px 4px 2px 4px;
	}

	#emoticon-options #next-emoticons
	{
		width: 20px;
		float: right;
		margin-right:20px;
		text-align: center;
		cursor: pointer;
		background-color: #EFEFEF;
		border: 1px solid #DEDEDE;
		padding: 2px 4px 2px 4px;
	}

/*
 View Topic Link
================================================== */
.view-topic-link img
{
    vertical-align: middle;
    margin-right: 2px;   
}

.view-topic-link span
{
    vertical-align: middle;
}


/*
 Small Test
================================================== */
.small-text
{
	font-size: 11px;
	color: #999999;	
}

.small-text img,
.small-text span
{
    vertical-align: middle;
}

/*
 Message
================================================== */
.message-container
{
	width: 100%;
    margin: 3px 0;
    border: 1px solid #DEDEDE;
    
    overflow: hidden;
}

	.message-container .poster
	{
		float: left;
		width: 194px;
		padding: 3px;
		border-right: 1px solid #DEDEDE; 
	}

		.message-container .poster .username
		{
			font-weight: bold;	
		}

	.message-container .message
	{
		border-left: 1px solid #DEDEDE;
		margin: 0 0 0 200px;
	}
	
	.message-container .message .header
	{
		background-color: #EFEFEF;
		border-bottom: 1px solid #CECECE;
		height: 17px;
		padding: 2px;
	}
	
		.message-container .message .header .metadata
		{
			float:left;
			width: 300px;
			text-align: left;
			color: #ABABAB;
			font-size: 10px;
			padding-top: 2px;
			overflow:hidden;
		}
	
		.message-container .message .header .options
		{
			font-size: 10px;
		}
		
			.message-container .message .header .options span
			{
				float: right;
				text-align: right;
				text-transform: uppercase;
				font-weight: bold;
				font-size: 11px;
				padding: 1px 4px 1px 4px;
			}

		.message-container .text
		{
			background-color: #FFFFFF;
			padding: 10px 3px 3px 3px;
		}
		
		    .message-container .text a
		    {
		        text-decoration: underline;
		    }
/*
 MML
================================================== */
.quote
{
	margin-left: 10px;
	padding: 3px;
	background-color: #F4F4F4;
	border-style: solid;
	border-width: 1px;
	border-color: #DEDEDE;
}

.code
{
	font-family: Consolas, Courier New;
	margin-left: 10px;
	padding: 3px;
	background-color: #F4F4F4;
	border-style: solid;
	border-width: 1px;
	border-color: #DEDEDE;
}